<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.css" rel="stylesheet" />
		<link href="../../css/cssofmine.css" rel="stylesheet" />
		<link href="../../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../../css/mui.poppicker.min.css" rel="stylesheet" />
		<style type="text/css">
			* {
				padding: 0;
				margin: 0;
				font-size: 14px;
			}
		
			.dataDiv p{
				color: white;
				
			}
			
			.xe-widget {
				background: #fff;
				padding: 0 20px;
				line-height: 1;
				display: table;
				width: calc(33.33333333% - 62px);
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-webkit-background-clip: padding-box;
				-moz-border-radius: 5px;
				-moz-background-clip: padding;
				border: 1px solid #EDEDED;
				float: left;
				margin: 0 10px 20px 10px;
			}
			.dx-visibility {
				width: calc(100%-20px);
				background: #ffffff;
				margin: 0 10px;
				-webkit-border-radius: 5px;
				-webkit-background-clip: padding-box;
				-moz-border-radius: 5px;
				-moz-background-clip: padding;
				border: 1px solid #EDEDED;
				margin-bottom: 20px;
			}

           .sm-12 {
				padding: 0 10px;
				min-height: 102px;
			}
          
			.mui-content input{
				margin: 0 auto;
				border: 1px white solid;
				height: 30px;
				padding-left: 0;
			}
			
			table {
            	
				padding: 20px;
				width: 100%;
			}

		 	th,td {
				border-bottom: 1px #ededed solid;
				line-height: 40px;
				text-align: center;
			}
				
		</style>
	</head>
	<body>
		
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">全国业绩</h1>
		</header>
	   	<div class="mui-content" id="app">
		
			
				
			<div class="input-box" id="portrait_screen">
	        	<div class="mui-row"  >
					<div class="mui-col-xs-6" style="padding-right: 0px;">
						<div class="redCard" >
							<div class="imageDiv">
								<img src="../../img/icon_1.png" class="mui-col-xs-4 mui-col-sm-4"/>
							</div>
							<div class="dataDiv" >
								<p id="s1" class="mui-h3"></p>
								<p  class="mui-h5"> 总业绩(万)</p>
							</div>
							
						</div>
					</div>	
					<div class="mui-col-xs-6" style="padding-right: 0px;">
						<div class="blueCard">
				        	<div class="imageDiv">
								<img src="../../img/icon_1.png" class="mui-col-xs-4 mui-col-sm-4"/>
							</div>
							<div class="dataDiv" >
								<p id="s2" class="mui-h3"></p>
								<p  class="mui-h5"> 市场部资源数</p>
							</div>
							
						</div>
					</div>
					<div class="mui-col-xs-6" style="padding-right: 0px;">
						<div class="greenCard">
							<div class="imageDiv">
								<img src="../../img/icon_1.png" class="mui-col-xs-4 mui-col-sm-4"/>
							</div>
							<div class="dataDiv" >
								<p id="s3" class="mui-h3"></p>
								<p  class="mui-h5"> 客服资源数</p>
							</div>
						</div>
					</div>
					<div class="mui-col-xs-6" style="padding-right: 0px;">
						<div class="yellowCard">
							<div class="imageDiv">
								<img src="../../img/icon_1.png" class="mui-col-xs-4 mui-col-sm-4"/>
							</div>
							<div class="dataDiv" >
								<p id="s4" class="mui-h3"></p>
								<p  class="mui-h5"> 中介资源数</p>
							</div>
						</div>
					</div>
			
					<div class="mui-col-xs-6" style="padding-right: 0px;">
						<div class="redCard">
							
							<div class="imageDiv">
								<img src="../../img/icon_1.png" class="mui-col-xs-4 mui-col-sm-4"/>
							</div>
							<div class="dataDiv" >
								<p id="s5" class="mui-h3"></p>
								<p  class="mui-h6"> 新增成交人数</p>
							</div>
							
							<div class="textCard">
								<p id="c1" class="mui-h6"></p>
							</div>
						</div>
					</div>
					<div class="mui-col-xs-6" style="padding-right: 0px;">
						<div class="blueCard">
							
							<div class="imageDiv">
								<img src="../../img/icon_1.png" class="mui-col-xs-4 mui-col-sm-4"/>
							</div>
							<div class="dataDiv" >
								<p id="s6" class="mui-h3"></p>
								<p  class="mui-h5"> 总到校人数</p>
							</div>
							
							<div class="textCard">
								<p id="c2" class="mui-h6"></p>
							</div>
							
						</div>
					</div>
					<div class="mui-col-xs-6" style="padding-right: 0px;">
						<div class="greenCard">
							
							<div class="imageDiv">
								<img src="../../img/icon_1.png" class="mui-col-xs-4 mui-col-sm-4"/>
							</div>
							<div class="dataDiv" >
								<p id="s7" class="mui-h3"></p>
								<p  class="mui-h5"> 客服到校人数</p>
							</div>
							
							<div class="textCard">
								<p id="c3" class="mui-h6"></p>
							</div>
							
						</div>
					</div>
					<div class="mui-col-xs-6" style="padding-right: 0px;">
						<div class="yellowCard">
							<div class="imageDiv">
								<img src="../../img/icon_1.png" class="mui-col-xs-4 mui-col-sm-4"/>
							</div>
							<div class="dataDiv" >
								<p id="s8" class="mui-h3"></p>
								<p  class="mui-h5"> 中介到校人数</p>
							</div>
							
							<div class="textCard">
								<p id="c4" class="mui-h6"></p>
							</div>
						</div>
					</div>
					<div class="mui-col-xs-6" style="padding-right: 0px;">
						<div class="redCard">
							<div class="imageDiv">
								<img src="../../img/icon_1.png" class="mui-col-xs-4 mui-col-sm-4"/>
							</div>
							<div class="dataDiv" >
								<p id="s9" class="mui-h3"></p>
								<p  class="mui-h5"> 首次成交(万)</p>
							</div>
							
							<div class="textCard">
								<p id="c5" class="mui-h6"></p>
							</div>
						</div>
					</div>
					<div class="mui-col-xs-6" style="padding-right: 0px;">
						<div class="blueCard">
							<div class="imageDiv">
								<img src="../../img/icon_1.png" class="mui-col-xs-4 mui-col-sm-4"/>
							</div>
							<div class="dataDiv" >
								<p id="s10" class="mui-h3"></p>
								<p  class="mui-h5"> 转卡业绩(万)</p>
							</div>
							
							<div class="textCard">
								<p id="c6" class="mui-h6"></p>
							</div>
						</div>
					</div>
					<div class="mui-col-xs-6" style="padding-right: 0px;">
						<div class="greenCard">
							<div class="imageDiv">
								<img src="../../img/icon_1.png" class="mui-col-xs-4 mui-col-sm-4"/>
							</div>
							<div class="dataDiv" >
								<p id="s11" class="mui-h3"></p>
								<p  class="mui-h6"> 转介绍业绩(万)</p>
							</div>
							
							<div class="textCard">
								<p id="c7" class="mui-h6"></p>
							</div>
						</div>
					</div>
					<div class="mui-col-xs-6" style="padding-right: 0px;">
						<div class="yellowCard">
							<div class="imageDiv">
								<img src="../../img/icon_1.png" class="mui-col-xs-4 mui-col-sm-4"/>
							</div>
							<div class="dataDiv" >
								<p id="s12" class="mui-h3"></p>
								<p  class="mui-h6"> 大课金额(万)</p>
							</div>
							
							<div class="textCard">
								<p id="c8" class="mui-h6"></p>
							</div>
						</div>
					</div>
				</div>
			
			</div>
			
			<div class="mui-table-view mui-grid-view mui-grid-9" id="landscape" style="display: none;">
			    
			    <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 ">
			        <div class="redCard">
						<img class="mui-col-xs-4 mui-col-sm-4 imageDiv_crosswise" src="../../img/icon_1.png"/ >
						<div class="dataDiv" >
							<p id="a1" class="mui-h3"></p>
							<p  class="mui-h5"> 总业绩</p>
						</div>
			        </div>
			    </div>			    
			 	<div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 ">
			        <div class="blueCard">
						<img class="mui-col-xs-4 mui-col-sm-4 imageDiv_crosswise" src="../../img/icon_1.png"/ >
						<div class="dataDiv" >
							<p id="a2" class="mui-h3"></p>
							<p  class="mui-h5"> 总资源数</p>
						</div>
			        </div>
			    </div>	
			    
			    <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 ">
			        <div class="yellowCard">
						<img class="mui-col-xs-4 mui-col-sm-4 imageDiv_crosswise" src="../../img/icon_1.png"/ >
						<div class="dataDiv" >
							<p id="a3" class="mui-h3"></p>
							<p  class="mui-h5"> 客服资源数</p>
						</div>
			        </div>
			    </div>	
			    
			    <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 ">
			        <div class="greenCard">
						<img class="mui-col-xs-4 mui-col-sm-4 imageDiv_crosswise" src="../../img/icon_1.png"/ >
						<div class="dataDiv" >
							<p id="a4" class="mui-h3"></p>
							<p  class="mui-h5"> 中介资源数</p>
						</div>
			        </div>
			    </div>	
			    
			    <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 ">
			        <div class="redCard">
						<img class="mui-col-xs-4 mui-col-sm-4 imageDiv_crosswise" src="../../img/icon_1.png"/ >
						<div class="dataDiv" >
							<p id="a5" class="mui-h3"></p>
							<p  class="mui-h6"> 新增成交人数</p>
						</div>
						<div class="textCard">
							<p id="p1"></p>
						</div>
						
			        </div>
			    </div>
			    
			    <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 ">
			        <div class="blueCard">
						<img class="mui-col-xs-4 mui-col-sm-4 imageDiv_crosswise" src="../../img/icon_1.png"/ >
						<div class="dataDiv" >
							<p id="a6" class="mui-h3"></p>
							<p  class="mui-h5"> 总到校人数</p>
						</div>
						<div class="textCard">
							<p id="p2"></p>
						</div>
			        </div>
			    </div>
			    <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 ">
			        <div class="yellowCard">
						<img class="mui-col-xs-4 mui-col-sm-4 imageDiv_crosswise" src="../../img/icon_1.png"/ >
						<div class="dataDiv" >
							<p id="a7" class="mui-h3"></p>
							<p  class="mui-h5">客服到校人数</p>
						</div>
						<div class="textCard">
							<p id="p3"></p>
						</div>
			        </div>
			    </div>
			    
			    <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 ">
			        <div class="greenCard">
						<img class="mui-col-xs-4 mui-col-sm-4 imageDiv_crosswise" src="../../img/icon_1.png"/ >
						<div class="dataDiv" >
							<p id="a8" class="mui-h3"></p>
							<p  class="mui-h5">中介到校人数</p>
						</div>
						<div class="textCard">
							<p id="p4"></p>
						</div>
			        </div>
			    </div>
			    
			    <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 ">
			        <div class="redCard">
						<img class="mui-col-xs-4 mui-col-sm-4 imageDiv_crosswise" src="../../img/icon_1.png"/ >
						<div class="dataDiv" >
							<p id="a9" class="mui-h3"></p>
							<p  class="mui-h5">首次成交</p>
						</div>
						<div class="textCard">
							<p id="p5"></p>
						</div>
			        </div>
			    </div>
			    
			    <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 ">
			        <div class="blueCard">
						<img class="mui-col-xs-4 mui-col-sm-4 imageDiv_crosswise" src="../../img/icon_1.png"/ >
						<div class="dataDiv" >
							<p id="a10" class="mui-h3"></p>
							<p  class="mui-h5">转卡金额</p>
						</div>
						<div class="textCard">
							<p id="p6"></p>
						</div>
			        </div>
			    </div>
			    
			    <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 ">
			        <div class="yellowCard">
						<img class="mui-col-xs-4 mui-col-sm-4 imageDiv_crosswise" src="../../img/icon_1.png"/ >
						<div class="dataDiv" >
							<p id="a11" class="mui-h3"></p>
							<p  class="mui-h5">转介绍金额</p>
						</div>
						<div class="textCard">
							<p id="p7"></p>
						</div>
			        </div>
			    </div>
			    
			    <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 ">
			        <div class="greenCard">
						<img class="mui-col-xs-4 mui-col-sm-4 imageDiv_crosswise" src="../../img/icon_1.png"/ >
						<div class="dataDiv" >
							<p id="a12" class="mui-h3"></p>
							<p  class="mui-h5">大课金额(万)</p>
						</div>
						<div class="textCard">
							<p id="p8"></p>
						</div>
			        </div>
			    </div>
			</div> 

			
			
			
			
		</div>
	    
	<script src="../../js/config/mui.min.js"></script>
	<script src="../../js/config/mui.picker.min.js"></script>
	<script src="../../js/config/jquery.min.js"></script>
	<script src="../../js/config/vue.js"></script>
	<script src="../../js/config/form.js"></script>
	<script src="../../js/config/config.js"></script>
	<script src="../../js/manager/allStatistics.js"></script>
		
	</body>
	
	
</html>